
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<link rel="stylesheet" type="text/css" href="css/订单2.css" />
		<link rel="stylesheet" type="text/css"  href="css/header.css" />

	</head>

	<body>
		<header>
			<div class="head">
				<span class="center">订单</span>
			</div>
			<div class="imgs"></div>
		</header>
		<div class="two">
			<div class="hua">
				<label class="label">用&nbsp;户&nbsp;名：<input type="text" placeholder="请输入您的账号" class="yong" /></label>
				<label class="lab">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：<input type="text" placeholder="请输入您的密码" / class="mi"></label>
				<label class="labe">确认密码：<input type="text" placeholder="请输入您的密码" / class="que"></label>
			</div>
			<div class="btn">
				<button class="btn">同意服务协议并注册</button>
			</div>

		</div>
		<script src="js/flexible.debug.js"></script>
		<script  src="js/flexible_css.debug.js"></script>
		<script src="js/jquery-1.11.2.min.js"></script>
		<script>
		$(function(){
			$(".btn").click(function(){
				location.href="dingd.html"
			})
						$(".yong").onblur = function() {
					var reg = /^[A-Za-z][A-Za-z1-9_-]+$/;
					if(reg.test(this.value)) {
						this.nextSibling.setAttribute("class", "right");
						$(".label").innerHTML = "输入正确！&nbsp;&nbsp;";
					} else {
						this.nextSibling.setAttribute("class", "opnion");
						$(".label").innerHTML = "输入错误！&nbsp;&nbsp;";
					}
				};
				$(".mi").onblur = function() {
					var reg = /^[a-zA-Z]\w{5,17}$/;
					if(reg.test(this.value)) {
						this.nextSibling.setAttribute("class", "right");
						$(".lab").innerHTML = "输入正确！&nbsp;&nbsp;";
					} else {
						this.nextSibling.setAttribute("class", "opnion");
						$(".lab").innerHTML = "输入错误！&nbsp;&nbsp;";
					}
				};
				$(".que").onblur = function() {
					var reg = /^[a-zA-Z]\w{5,17}$/;
					if(reg.test(this.value)) {
						this.nextSibling.setAttribute("class", "right");
						$(".labe").innerHTML = "输入正确！&nbsp;&nbsp;";
					} else {
						this.nextSibling.setAttribute("class", "opnion");
						$(".labe").innerHTML = "输入错误！&nbsp;&nbsp;";
					}
				}
		})
		

	
			

		</script>
	</body>

</html>

